<template>
  <view class="detailMain">
    <view class="detailHeader solid-bottom">
      <text class="h3">{{ datas.title }}</text>
      <text class="time">{{ datas.send_time }}</text>
    </view>
    <view class="detailBody">
      <rich-text type="text" :nodes="datas.content"></rich-text>
    </view>
  </view>
</template>

<script>
import graceRichText from "../../common/richText.js";
export default {
  data() {
    return {
      datas: {},
    };
  },
  onLoad(e) {
    this.datas = e;
  },
};
</script>

<style lang="scss">
page {
  background: #fff;
}
.detailMain {
  padding: 30rpx;
  .detailHeader {
    padding-bottom: 20rpx;
    text {
      display: block;
      &.h3 {
        line-height: 48rpx;
        font-size: 32rpx;
        padding-bottom: 10rpx;
      }
      &.time {
        font-size: 28rpx;
        color: #999;
      }
    }
  }
  .detailBody {
    padding: 20rpx 0;
    font-size: 28rpx;
    line-height: 48rpx;
    text-align: justify;
    img {
      width: 100% !important;
    }
  }
}
</style>
